iT邦幫忙

2021 iThome 鐵人賽

DAY 4
0

陣列的基本介紹

簡單來說是存放一組資料集

陣列

  • 會使用 [ ] 前後包住資料集
  • 下面的範例意思是 drinks 中有 coffee、tea、juice 三種值
let drinks = ['coffee','tea','juice'];
  • 陣列中也可以放數字資料
let price = [10,20,30,40];

如何讀取陣列中的資料

直接以範例說明
要讀取 drinks 的第一個元素的資料,則寫法是 drinks[0]
因為陣列是從 0 開始,取得時寫法為 drinks[0]

let drinks = ['coffee','tea','juice'];
console.log(drinks[0]); // 結果為 coffee
console.log(drinks[1]); // 結果為 tea

讀取陣列長度

let drinks = ['coffee','tea','juice'];
console.log(drinks.length); // 結果為 3
  • 也可以將讀取的長度重新賦予至一個新的變數上
let drinks = ['coffee','tea','juice'];
let drinkNum = drinks.length;
console.log(drinkNum); // 結果為 3

陣列中寫入資料

  • 可以先宣告一個空陣列,再指定資料
let drinks = [];
drinks[0] = 'tea';
  • 也可以跳著新增,陣列中跳過的元素會被保留,資料內容為空
let drinks = [];
drinks[0] = 'tea';
drinks[2] = 'coffee';
  • 使用 push 寫入資料
    指定的資料會直接放入陣列中的最後一個元素,寫法如下
let drinks = ['tea','coffee','juice'];
drinks.push('milk');
  • 使用 unshift 寫入資料
    指定的資料會直接放入陣列中目前的第一個元素前面
let drinks = ['tea','coffee','juice'];
drinks.unshift('milk');
console.log(drinks); // 結果為 ['milk','tea','coffee','juice']

陣列中刪除資料

  • 使用 pop,刪除陣列中的最後一個元素
let drinks = ['tea','coffee','juice'];
drinks.pop();
console.log(drinks); // 結果為 ['tea','coffee']
  • 使用 shift,刪除陣列中的第一個元素
let drinks = ['tea','coffee','juice'];
drinks.shift();
console.log(drinks); // 結果為 ['coffee','juice']
  • 使用 splice 刪除指定的資料
let drinks = ['tea','coffee','juice','milk'];
drinks.splice(1,2); // 從第 1 個位置開始刪除 2 筆資料
console.log(drinks); // 結果為 ['tea','milk']

後記

本篇是陣列的基本用法,對於資料的新增、修改、刪除
今天是 Day 4 ,繼續加油!
這是我的學習紀錄,也歡迎各路大神指點指教!
我們下回見~


上一篇
[ Day 3 ] - 運算式與運算子
下一篇
[ Day 5 ] - 物件
系列文
初心者解任務啦!JS 的 30 道任務30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言